<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>雪场</title>
    <link rel="stylesheet" href="/public/app/css/app.css">
    <link rel="stylesheet" href="/public/vendor/font-awesome/css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="/public/vendor/font-awesome/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <!--link(rel="stylesheet" href="/public/vendor/lightbox2/css/screen.css")-->
    <link rel="stylesheet" href="/public/vendor/lightbox2/css/lightbox.css">
</head>

<body>
<a id="to-welcome" name="welcome"></a>
<header class="hxz-top fix-top hxz-transparent">
    <div class="top-service">
        <div class="top-wrapper">
            <div class="top-row">
                <div class="left-area"></div>
                <div class="right-area">
                    <ul>
                        <li>
                            <span>您好, 欢迎来到滑雪族</span>
                        </li>
                        <li>
                        <span><a href="">登陆<i class="icon-user"></i></a><a disabled>|</a><a href="/signup">注册<i class="icon-pencil"></i></a>
                        </span>
                        </li>
                        <li>
                            <form method="get" action="/q" role="search" class="top-search-bar"></form>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="top-navbar">
        <div class="top-wrapper">
            <div class="top-row">
                <div class="top-navbar-header">
                    <a href="/" class="top-brand">
                        <img alt="滑雪族" src="http://www.huaxuezoo.com/images/logo.png" class="hxz-logo">
                    </a>
                </div>
                <nav class="top-navbar-content">
                    <ul class="top-menu">
                        <li><a href="http://www.huaxuezoo.com">首页</a>
                        </li>
                        <li><a href="http://www.huaxuezoo.com/classify">资讯</a>
                        </li>
                        <li><a href="http://snow.huaxuezoo.com">雪场</a>
                        </li>
                        <li><a href="http://zhuanti.huaxuezoo.com">专题</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</header>
<div class="container">
    <div class="snow-top hxz-row">
        <div class="snow-top-word">再美的文字形容这些雪场都是苍白的</div>
    </div>
    <div class="snow-background"></div>
    <div class="snow-top-tab">
        <dl id="snow-tab">
            <dd id="snow-tab-0" _i="0" class="tab-active">
                <div class="snow-pack-position">北京</div>
                <div class="snow-pack-title">乔波滑雪场</div>
            </dd>
            <dd id="snow-tab-1" _i="1">
                <div class="snow-pack-position">北京</div>
                <div class="snow-pack-title">渔阳滑雪场</div>
            </dd>
            <dd id="snow-tab-2" _i="2">
                <div class="snow-pack-position">北京</div>
                <div class="snow-pack-title">沈阳怪坡滑雪场</div>
            </dd>
            <dd id="snow-tab-3" _i="3">
                <div class="snow-pack-position">北京</div>
                <div class="snow-pack-title">北京怀北国际滑雪场</div>
            </dd>
            <dd id="snow-tab-4" _i="4">
                <div class="snow-pack-position">北京</div>
                <div class="snow-pack-title">密苑云顶乐园滑雪场</div>
            </dd>
        </dl>
    </div>
    <div class="snow-top-ski-ing hxz-row"></div>
    <a id="to-sking" style="position: absolute;top: 650px;"></a>
    <div class="snow-ski-ing-box hxz-row">
        <div class="snow-title">滑雪进行时</div>
        <div class="snow-content">
            <div class="snow-content-box">
                <div id="snow-content-title" class="snow-content-title">让音乐躁动起来</div>
                <div id="snow-content-word" class="snow-content-word">
                    <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                    <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                    <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                    <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                </div>
            </div>
            <div class="snow-content-thumb">
                <img src="/public/app/images/snow-photo-01.jpg" id="snow-content-thumb-img">
            </div>
        </div>
    </div>
</div>
<div class="snow-content-ctrl hxz-row container">
    <div id="ctrl-left" class="ctrl-left snow-content-ctrl-ft"><i class="icon-chevron-left"></i>
    </div>
    <div id="ctrl-right" class="ctrl-right snow-content-ctrl-ft"><i class="icon-chevron-right"></i>
    </div>
</div>
<a id="to-ski-image" style="position: absolute;top: 1180px;"></a>
<div class="container">
    <div class="snow-thumb hxz-row">
        <div class="snow-thumb-title">雪场图片</div>
        <div id="snow-thumb-box" class="snow-thumb-box">
            <!--<a class="example-image-link" href="img/demopage/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="img/demopage/thumb-3.jpg" alt=""/></a>-->
            <div class="snow-thumb-box-item">
                <img src="/public/app/images/ui-snow-images-thumb.jpg" width="230" height="150">
            </div>
            <div class="snow-thumb-box-item">
                <a data-lightbox="example-set" data-title="1" href="/public/app/images/1.jpg">
                    <img src="/public/app/images/1.jpg" width="230" height="150">
                </a>
            </div>
            <div class="snow-thumb-box-item">
                <a data-lightbox="example-set" data-title="1" href="/public/app/images/2.jpg">
                    <img src="/public/app/images/2.jpg" width="230" height="150">
                </a>
            </div>
            <div class="snow-thumb-box-item">
                <a data-lightbox="example-set" data-title="1" href="/public/app/images/3.jpg">
                    <img src="/public/app/images/3.jpg" width="230" height="150">
                </a>
            </div>
            <div class="snow-thumb-box-item">
                <a data-lightbox="example-set" data-title="1" href="/public/app/images/4.png">
                    <img src="/public/app/images/4.png" width="230" height="150">
                </a>
            </div>
            <div class="snow-thumb-box-item">
                <a data-lightbox="example-set" data-title="1" href="/public/app/images/5.jpg">
                    <img src="/public/app/images/5.jpg" width="230" height="150">
                </a>
            </div>
        </div>
    </div>
</div>
<a id="to-ski-des" style="position: absolute;top: 1580px;"></a>
<div class="container">
    <div class="snow-description">
        <div class="hxz-row">
            <div class="snow-description-title"></div>
            <div id="snow-description-box" class="snow-description-box">
                <!--.snow-item-box-->
                <!--    .snow-item-box-left-->
                <!--        .snow-item-box-content-title 雪场-->
                <!--        .snow-item-box-content-->
                <!--            p Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本-->
                <!-- START panel-->
                <!-- START panel-->
                <div class="snow-item-box snow-item-box-grep">
                    <div class="snow-item-box-left snow-item-box-grep">
                        <div class="snow-item-box-content-title">雪场1</div>
                        <div class="snow-item-box-content">
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                        </div>
                    </div>
                    <div class="snow-item-box-right">
                        <img src="http://snow.huaxuezoo.com/app/images/snow-pack-01.jpg" />
                    </div>
                </div>
                <!-- END panel-->
                <!-- START panel-->
                <div class="snow-item-box snow-item-box-grep">
                    <div class="snow-item-box-left snow-item-box-grep">
                        <div class="snow-item-box-content-title">雪场2</div>
                        <div class="snow-item-box-content">
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                        </div>
                    </div>
                    <div class="snow-item-box-right">
                        <img src="http://snow.huaxuezoo.com/app/images/snow-pack-01.jpg" />
                    </div>
                </div>
                <!-- END panel-->
                <!-- START panel-->
                <div class="snow-item-box snow-item-box-grep">
                    <div class="snow-item-box-left snow-item-box-grep">
                        <div class="snow-item-box-content-title">雪场3</div>
                        <div class="snow-item-box-content">
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                        </div>
                    </div>
                    <div class="snow-item-box-right">
                        <img src="http://snow.huaxuezoo.com/app/images/snow-pack-01.jpg" />
                    </div>
                </div>
                <!-- END panel-->
                <!-- START panel-->
                <div class="snow-item-box snow-item-box-grep">
                    <div class="snow-item-box-left snow-item-box-grep">
                        <div class="snow-item-box-content-title">雪场4</div>
                        <div class="snow-item-box-content">
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                            <p>Google 翻译是一项免费的翻译服务，可提供 64 种语言之间的即 时翻译。它可以在所支持的任意两种语言之间进行字词、 副本</p>
                        </div>
                    </div>
                    <div class="snow-item-box-right">
                        <img src="http://snow.huaxuezoo.com/app/images/snow-pack-01.jpg" />
                    </div>
                </div>
                <!-- END panel-->
                <!-- END panel-->
            </div>
        </div>
    </div>
</div>
<a id="to-ski-contact" style="position: absolute;top: 2290px;"></a>
<div class="container">
    <div class="snow-contact-us hxz-row">
        <div class="snow-contact-us-top">
            <div class="snow-contact-us-title">CONTACT US</div>
            <div class="snow-contact-us-list">
                <dl id="snow-contact-us-list">
                    <!--dd-->
                    <!--    .contact-us-number #{contact.number}-->
                    <!--    .contact-us-title #{contact.title}-->
                    <!--    .contact-us-word-->
                    <dd id="contact-0" _i="0">
                        <div class="contact-us-number">1</div>
                        <div class="contact-us-title">乔波滑雪场</div>
                        <div class="contact-us-word">
                            <p>网址: http://www.qbski.com/</p>
                            <p>微信: 北京乔波室内滑雪馆</p>
                            <p>微博: @北京乔波室内滑雪馆</p>
                            <p>地址: 北京市顺义区马坡潮白河国家森林公园内</p>
                        </div>
                    </dd>
                    <dd id="contact-1" _i="1">
                        <div class="contact-us-number">2</div>
                        <div class="contact-us-title">渔阳滑雪场</div>
                        <div class="contact-us-word">
                            <p>网址: http://www.yuyangski.com.cn/</p>
                            <p>微信: yuyanghuaxue</p>
                            <p>微博: @渔阳国际滑雪场</p>
                            <p>地址: 北京市平谷区东高村镇大旺务村688号</p>
                        </div>
                    </dd>
                    <dd id="contact-2" _i="2">
                        <div class="contact-us-number">3</div>
                        <div class="contact-us-title">沈阳怪坡滑雪场</div>
                        <div class="contact-us-word">
                            <p>网址: http://www.gpski.net/</p>
                            <p>微信: sygpski</p>
                            <p>微博: @沈阳怪坡滑雪场</p>
                            <p>地址: 沈阳市沈北新区怪坡滑雪场</p>
                        </div>
                    </dd>
                    <dd id="contact-3" _i="3">
                        <div class="contact-us-number">4</div>
                        <div class="contact-us-title">北京怀北国际滑雪场</div>
                        <div class="contact-us-word">
                            <p>网址: http://www.hbski.com/</p>
                            <p>微信: hb-ski</p>
                            <p>微博: @怀北国际雪场</p>
                            <p>地址: 北京市怀柔区怀北镇河防口村548号</p>
                        </div>
                    </dd>
                    <dd id="contact-4" _i="4" class="last">
                        <div class="contact-us-number">5</div>
                        <div class="contact-us-title">密苑云顶乐园滑雪场</div>
                        <div class="contact-us-word">
                            <p>网址: http://www.secretgardenresorts.com/</p>
                            <p>微信: 密苑.云顶乐园</p>
                            <p>微博: @云顶乐园官方微博</p>
                            <p>地址: 河北省张家口市崇礼县太子城梧桐大道</p>
                        </div>
                    </dd>
                </dl>
            </div>
        </div>
        <div id="snow-contact-us-active" style="left:50px" class="snow-contact-us-active">
            <img src="/public/app/images/ui-snow-map-active.png">
        </div>
        <div class="snow-contact-us-bottom"></div>
        <div class="snow-contact-map">
            <img id="snow-contact-us-active-map" src="/public/app/images/map/0.jpg" width="980" class="transition3">
        </div>
    </div>
</div>
<footer>
    <div class="footer-top">
        <div class="foot-top-wrapper">
            <div class="share-box">
                <div class="weibo">
                    <div class="weibo-link-box">
                        <a href="http://weibo.com/huaxuezoo" target="_blank">
                            <img src="http://www.huaxuezoo.com/images/ui-footer-share-weibo.jpg">
                        </a>
                    </div>
                </div>
                <div class="weixin">
                    <img src="http://www.huaxuezoo.com/images/ui-footer-share-weixin.jpg">
                </div>
            </div>
        </div>
    </div>
    <div class="footer-middle">
        <div class="footer-middle-wrapper">
            <div class="word-logo">
                <img src="http://www.huaxuezoo.com/images/ui-footer-huaxuezoo.png" style="margin-left: 60px">
            </div>
        </div>
        <div class="footer-statement">
            <p><a>关于我们</a>
                <span>|</span><a>关于我们</a>
                <span>|</span><a>关于我们</a>
                <span>|</span><a>关于我们</a>
                <span>|</span><a>关于我们</a>
            </p>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="foot_copyright">
            <p>©2015 huaxuezoo.com All Right Reserved 京ICP备14042457号</p>
            <p>版权所有：北京雪族科技有限公司</p>
        </div>
    </div>
</footer>
<div id="snow-menu" class="snow-menu">
    <div class="snow-menu-title">
        <img src="http://snow.huaxuezoo.com/app/images/ui-snow-menu-icon.png">
         <span><a id="right-welcome">欢迎</a>
         </span>
    </div>
    <ul>
        <li><a id="a-snow-tab-0" _i="0">乔波滑雪场</a>
        </li>
        <li><a id="a-snow-tab-1" _i="1">渔阳滑雪场</a>
        </li>
        <li><a id="a-snow-tab-2" _i="2">沈阳怪坡滑雪场</a>
        </li>
        <li><a id="a-snow-tab-3" _i="3">北京怀北国际滑雪场</a>
        </li>
        <li><a id="a-snow-tab-4" _i="4">密苑云顶乐园滑雪场</a>
        </li>
    </ul>
    <div class="snow-menu-title">
        <img src="http://snow.huaxuezoo.com/app/images/ui-snow-menu-icon.png">
         <span><a id="right-sking">雪场进行时</a>
         </span>
    </div>
    <div class="snow-menu-title">
        <img src="http://snow.huaxuezoo.com/app/images/ui-snow-menu-icon.png">
         <span><a id="right-ski-image">雪场图片</a>
         </span>
    </div>
    <div class="snow-menu-title">
        <img src="http://snow.huaxuezoo.com/app/images/ui-snow-menu-icon.png">
         <span><a id="right-ski-des">雪场简介</a>
         </span>
    </div>
    <div class="snow-menu-title">
        <img src="http://snow.huaxuezoo.com/app/images/ui-snow-menu-icon.png">
         <span><a id="right-ski-contact">CONTACT US</a>
         </span>
    </div>
</div>
<script src="/public/app/js/base.js"></script>
<script src="/public/app/js/app.js"></script>
<script src="/public/vendor/lightbox2/js/lightbox.js"></script>
</body>
</html>